<include file="public:head" />
<include file="public:sep" />
<style type="text/css">
  .layui-nav-tree{width: 200px!important;}
</style>
<div class="layui-container fly-marginTop fly-user-main">
  <include file="ucleft" />
 
  <div class="fly-panel fly-panel-user" pad20>
    <div class="layui-tab layui-tab-brief" >
      <div class="fly-panel-border">
        <div class="fly-panel-main layui-text" style="padding:15px; height: 50px; line-height: 26px;">
          <li><p>总积分</p><cite>{$info.score}</cite></li><i class="fly-mid-info"></i>
          <li><p>上传文档</p><cite>{$info.up}</cite></li><i class="fly-mid-info"></i>
          <li><p>文档被下载</p><cite>{$info.doc}</cite></li><i class="fly-mid-info"></i>
          <li><p>系统奖励</p><cite>{$info.system}</cite></li><i class="fly-mid-info"></i>
          <li><p>文库消费</p><cite>{$info.down}</cite></li><i class="fly-mid-info"></i>
          <li><p>文库惩罚</p><cite>{$info.chengfa}</cite></li><i class="fly-mid-info"></i>
          <li><p>充值所得</p><cite>{$info.pay}</cite></li>
        </div>
      </div>

      <div class="fly-list-info2">
        <li>积分充值：  1元 = {:C('wkcms_score_pay.getscore')}{:C('wkcms_score_name')}，充值出现问题请尽快联系客服！ 客服 微信/QQ：{:C('wkcms_site_qq')}</li>
      </div>

      <form class="layui-form layui-form-pane" method="post" action="{:U('ucenter/pay')}" style="margin-top: 20px;" target="f1">
        <iframe name="f1" style="display:none;" ></iframe>
        <input type="hidden" name="payid"  value="Alipay" id="payinpt">
        <div class="layui-form-item" >
          <div class="pay-list">
            <volist name="paymentdata" id="vo">
              <if condition="$vo['mark'] != 'Wechat'"> <li title="{$vo.mark}" 
                <eq name="key" value="0">class="pay-item pay-checked"</eq>
                class="pay-item" >{$vo.name}<i 
                <eq name="key" value="0">class="check"</eq>
                ></i>
                </li>
              </if>
            </volist>
          </div>
        </div>
        <div class="layui-form-item">
          <label for="L_username" class="layui-form-label">金额</label>
          <div class="layui-input-inline" style="width: 348px;">
            <input type="number" name="cash" class="layui-input" lay-verify="required"  placeholder="请输入金额" value="10">
          </div>
        </div>
        <div class="layui-form-item">
          <button class="layui-btn" type="submit">开始充值</button>
        </div>
      </form>
       
       
      
      </div>
    </div>
  </div>

<include file="public:footer" />
<script>
layui.use(['form' , 'laydate','jquery','upload'], function(){  
var form = layui.form , laydate = layui.laydate , $ = layui.jquery , upload = layui.upload;

// 选择支付方式
$(function(){
$(".pay-list li").click(function() {
    $(this).siblings('li').removeClass('pay-checked').children('i').removeClass('check');   // 删除其他兄弟元素的样式
    $(this).addClass('pay-checked').children('i').addClass('check');                            // 添加当前元素的样式
    $('#payinpt').val($(this).attr("title"));
    });
});
}); 
 
</script>
<script>
  layui.cache.page = 'user';
  layui.config({
  base: '__PUBLIC__/theme/blueideal/mods/' //这里实际使用时，建议改成绝对路径
  }).extend({
    fly: 'index'
  }).use('fly');
</script>